<template>
    <div style="height: 100%; width: 100%">
        <div>
            
        <el-input placeholder="输入地块编号关键字搜索" v-model="mapText" @blur="restmap()" style="">
            <el-button slot="append" icon="el-icon-search" @click="search2()"></el-button>
        </el-input>
        </div>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="date" label="地块编号"> </el-table-column>
            <el-table-column prop="name" label="预估面积（亩）"> </el-table-column>
            <el-table-column prop="address" label="地块面积"> </el-table-column>

        </el-table>
                <el-pagination
                    :current-page="page"
                    :page-size="limit"
                    :total="total"
                    style="padding: 30px 0; text-align: center"
                    background
                    layout="total, prev, pager, next, jumper"
                    @current-change="getList"
                />
    </div>
</template>
<script>
import pro from '@/api/lx_infor/lx_infor';
export default {
    data() {
        return {
            page:1,
            limit:20,
            total:0,
            ruleForm: {
                proName: '',
                pronumber: '',
                proDocimentNumber: '',
                newLandArea: '',
                constructionUnit: '',
                supervisorCompany: ''
            }
        };
    },
    created() {
        this.getList();
    },
    methods: {
        getList() {
            var id = $('#idframe', window.parent.document).attr('data-id');
            pro.openInfo(id).then((rep) => {
                this.ruleForm = rep.data.dto;
            });
        }
    }
};
</script>